/*
 * Style sheet for the CSS3 specification,
 * to be used in addition to http://www.w3.org/StyleSheets/TR/W3C-{WD,PR,REC}
 * $Id: default.css,v 1.1 2001/11/15 14:38:11 dom Exp $
 */

@media print {

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    .dlink { display: none }

    /* the following doesn't work for now,
       instead we rely on a patched version of html2ps which has this built-in */
    div.navbar {
       display: none;
    }

    html { margin: 0 !important }
    body { margin: 0 0 0 8.5em !important; font-family: serif }
    th, td { font-family: inherit }
    a { color: inherit !important }
    div.example:before { font-family: serif !important }
    pre.example:before { font-family: serif !important }
    a:link, a:visited { text-decoration: none !important }
    a:link:after, a:visited:after { /* create a cross-ref "see..." */ }
}
@page {
    margin: 1.5cm 0 1cm 0;
}

body { text-align: justify; font-size: medium }
h2, h3, h5, h6 { text-align: left; margin-top: 2em }
h1, h2, h3, h4, h5, h6 { page-break-after: avoid; font-family: inherit }
div.figure, pre, table.propdef, div.example { page-break-inside: avoid }
dt { page-break-after: avoid }

/* p, p.note + p, p.testlink + p, p.note, p.issue { */
p, p.testlink + p, p.issue {
    text-indent: 0;
    margin-bottom: 0;
    margin-top: 0.8em
}
p + p {
    text-indent: 2em;
    margin-top: 0
}
dd p {
    margin-top: 0
}

h1 + h2 {
    margin-top: 0;
}

pre {
    text-align: left; /* fixes justification in Mac IE 5 */
    text-indent: 0;   /* fixes indent in Mac Netscape 6 */
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: smaller;
}
/*
var {
    font-style: normal;
}
*/
img {
    border-style: none;
    color: white;
}
.toc {
    text-indent: 0;
    text-align: left;
}

/* I don't like all that blue text, how about this: */
/* It should be 'inherit', but Netscape inserts a random color :-( */
a.noxref:link, a.noxref:visited {color: black; /*color: inherit*/}
div.example a:link, div.example a:visited {color: #600; /*color: inherit*/}
div.deprecated-html-example a:link,
div.deprecated-html-example a:visited {color: red; /*color: inherit*/}
.note a:link, .note a:visited {color: green; /*color: inherit*/}


@media all { /* NS < 6 doesn't like borders around inline elements... */

    body {
        line-height: 1.3;
    }

    a:link, a:visited {
        color: inherit;
        text-decoration: underline;
        /* padding: 0 0.3em; */
    }
    a:link:before, a:visited:before {
        content: counter(dummy, disc);
    }
    a.logo:link, a.logo:visited {
        padding: 0;
        border-style: none;
    }

    /* Hmm, this seems to confuse many browsers... */
    dt { margin-left: 0 }
    dd { margin-left: 2em }
    dl, ul, ol { margin-left: 0 }
    li { margin-left: 2em }

}
ul.indexlist { margin-left: 0; /*column-width: 13em; columns: 13em*/ }
ul.indexlist li { margin-left: 0; list-style: none }
ul.indexlist li li { margin-left: 1em }

div.example:before {
    content: "Example";
    content: "Example " counter(exampleno, upper-roman);
    counter-increment: exampleno;
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.6em;
    left: -2.5em;
    width: 7.5em;
    text-align: center;
    line-height: 1em;
    color: #FFF8DD;
    background: #600;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
pre.example:before {
    content: "Example";
    content: "Example " counter(exampleno, upper-roman);
    counter-increment: exampleno;
    font: bold small sans-serif;
    /*float: left;*/
    position: absolute;
    top: -0.6em;
    left: -2.5em;
    width: 7.5em;
    text-align: center;
    line-height: 1em;
    color: #FFF8DD;
    background: #600;
    padding: 0.1em;
    border: thin solid #999;
    /*margin: -1.3em 0 0.3em -2.5em;*/
}
div.example, div.illegal-example, div.html, div.illegal-html, div.xml,
div.illegal-xml, pre.example, pre.illegal-example, pre.html,
pre.illegal-html, pre.xml, pre.illegal-xml {
    background: #FFF8DD;
    padding: 0.5em;
    margin: 1em 0;
    border: thin solid #999;
    position: relative;
}
div.example { color: #600 }
pre.example { color: #600 }
pre.illegal-example { color: red }
div.illegal-example { color: red }
div.illegal-example p { color: black }

div.html { color: #600 }
pre.html { color: #600 }
pre.illegal-html { color: red }
div.illegal-html { color: red }
div.illegal-html p { color: black }
pre.deprecated-html { color: red }
div.deprecated-html { color: red }
div.deprecated-html p { color: black }

div.xml { color: #600 }
pre.xml { color: #600 }
pre.illegal-xml { color: red }
div.illegal-xml { color: red }
div.illegal-xml p { color: black }


.css { color: #7F0000 }		/* inline CSS code (SPAN) */
code.html { color: #600 }	/* inline HTML */
code.xml { color: #600 }	/* inline XML */
.property { /* font-weight: bold */ }	/* name of a CSS property (SPAN) */
.issue { color: #E50000 }	/* editorial remark, open issue (P or DIV) */
.type { font-style: italic } /* A <type> value for a property */

/* Class note is a non-normative note. May be inline or a P or DIV */
.note {
    /* font-weight: bold; */
    color: green
}
p.note, div.note {
    /* margin: 1em 2em; */
}
p.note:before, span.note:before { content: "\2023" " " }
div.note > p:first-child { content: "\2023" " " }

.normref { color: red }	
.informref { color: green }	

/*
div.toc ul ul, div.toc ol ol {margin-left: 0}
div.toc ul ul ul, div.toc ol ol ol {margin-left: 1em}
div.toc ul ul ul ul, div.toc ol ol ol ol {margin-left: 0}
li.tocline1 {font-weight: bold}
li.tocline2 {font-weight: normal}
li.tocline4 {font-style: italic}
*/

ul.toc, ul.toc li {margin-left: 0; font-weight: bold; margin-top: 0.5em}
ul.toc li li {margin-left: 2em; font-weight: normal; margin-top: 0}
ul.toc li li li {margin-left: 0; font-style: italic; display: inline}

/* div.subtoc ul, div.subtoc ol {list-style: none} */

/* The border in the following rule crashes NN4 on fonts.html :-(
div.subtoc {padding: 1em; border: solid black thin; margin: 1em 0;
    background: #ddd}
*/
ul.index {
  list-style: disc;		/* Mac NS has problem with 'none' */
  list-style: none;
}

s, del {text-decoration: line-through; color: red}
u, ins {text-decoration: underline; background: #bfa}

/*
div.figure {
    text-align: center;
    margin: 2.5em 0
}
p.caption, caption {
    text-align: center;
    font-style: italic;
    font-size: 90%;
    margin: 1.5em 25% 0 25%;
}
*/
div.figure {
    text-align: left;
    margin: 2.5em 0;
    position: relative;		/* For positioning the caption */
    background: white;
}
p.caption, caption {
    text-align: right;
    font-style: italic;
    font-size: 90%;
}
p.caption {			/* Just outside lower left corner of fig. */
    position: absolute;
    bottom: 0;
    /*top: 0;*/
    left: -9em;
    width: 8em;
    margin: 0;
    text-indent: 0;
}
caption {
    margin: 1em;
}

/* DL list is indented, but figure inside it is not */
dd { margin-left: 2em }
dd div.figure { margin-left: -2em }

html body {
    margin-left: 8.5em;		/* Overrides 70px in base.css */
}  

ul.index, dt {
    text-align: left
}
sup {
    vertical-align: super;
    font-size: 80%
}

/* "Equations" (not real MathML, but simple HTML) are put in a
blockquote and may have an equation number. We make sure the
blockquote has enough margin on the right and then put the equation
number there. */

blockquote {
    margin: 0.5em 4em 0.5em 2em;
    text-align: left;
    text-indent: 0;
}
.eqno {
    text-align: right;
    float: right;
    width: 3em;
    margin: 0 -4em 0 0;
    font-weight: bold;
    /* background: silver; color: black; padding: 0.1em */
}

table.equiv-table { border-spacing: 0; margin: 0.5em 0 }
table.equiv-table th, table.equiv-table td { padding: 0.3em }
table.equiv-table th { text-align: left }
table.equiv-table th:first-child { text-align: right }
table.equiv-table td, table.equiv-table th { border-bottom: thin solid #666 }
table.equiv-table { border-bottom: hidden }
table.equiv-table { empty-cells: show }
table.equiv-table caption { margin: 0.5em 0 0 0 }

/* Almost every section starts with a link to the test suite. We put
that link in the margin and make it look like a button. */

p.testlink {
    float: left;
    width: 3em;
    margin: 0 0 0 -3.6em;
    font-weight: bold
}
p.testlink a {
    color: black;
    background: silver;
    border: thin outset silver;
    text-decoration: none;
    padding: 0.2em 0.6em;
    font-size: smaller;
    text-shadow: -1px -1px white;
}
p.testlink a:active {
    border-style: inset;
}

dl.bibliography {
    text-align: left;
}


/* Style for table of properties */
table.proptable {
    font-size: small;
    border-collapse: collapse;	/* default */
    border-spacing: 0;		/* default */
    text-align: left;
    margin-left: -8.5em;
}
table.proptable td, table.proptable th {
    padding: 1ex;
    border-style: solid none none dotted;
    border-width: thin;
    border-color: red;
}
table.proptable th:first-child, table.proptable td:first-child {
    border-left-style: none;
}


/* Style for table that defines a property */
table.propdef { border-spacing: 0; border-collapse: collapse }
table.propdef { width: 100%; table-layout: fixed }
table.propdef { background: #DEF; margin-top: 1.2em; margin-bottom: 1.2em }
table.propdef td { padding: 0 0.3em; vertical-align: baseline }
table.propdef td { text-align: left }
table.propdef dfn { font-weight: bold; font-style: normal }
/* :first-child doesn't work in Opera :-( */
table.propdef td:first-child { width: 7em }
table.propdef tr:first-child { background: #005A9C; color: white }
/* table.propdef tr:first-child td { padding-top: 0.1em; padding-bottom: 0.1em } */
/* But the following does: */
table.propdef td { width: 7em }
table.propdef td + td { width: auto }
table.propdef tr { background: #005A9C; color: white }
table.propdef tr + tr { background: transparent; color: black }
